<template>
  <div>
    <div class="container">
      <div class="text">欢迎来到我的项目！！！</div>
    </div>
  </div>
</template>
      
<script>
export default {
  name: "welcome",
  data() {
    return {};
  },
};
</script>

<style lang='less' scoped>
.container {
  width: 1200px;
  margin: 200px auto;
  overflow: hidden;
  font-size: 40px;
  font-style: italic;
  color: rgba(0, 0, 0, 0.7);
}
.text {
  animation: move 4s linear infinite reverse;
  position: relative;
  left: -40%;
}
@keyframes move {
  0% {
    left: -40%;
  }
  100% {
    left: 100%;
  }
}
</style>